<main-layout>
	<main-content style="padding:0;">
		<div class="content-warp" style="margin:0;">
		  	<div class="content-header">
		    	<span class="content-title">运费模板</span>
		  	</div>
			<div class="content-body">
				<div>
					<button nz-button [nzType]="'primary'" [nzSize]="'large'" (click)="goAddFreight()">
			  			<i class="anticon anticon-plus"></i><span>新建运费模板</span>
			  		</button>
				</div>
				<div class="mt-30">
					<nz-table [nzLoading]="loading" [nzCustomNoResult]="true" [nzPageSize]="pageSize" [nzPageIndex]="page" (nzPageIndexChange)="changIndex($event)" [nzAjaxData]="goodsList" [nzTotal]="total">
						<thead nz-thead>
					        <tr>
					          	<th nz-th  style="min-width:300px;"><span>模板名称</span></th>
					          	<th nz-th style="min-width: 80px;"><span>配送地区</span></th>
					          	<th nz-th style="min-width: 80px;"><span>配送方式</span></th>
					          	<th nz-th style="min-width: 80px;"><span>重量（克）</span></th>
					          	<th nz-th style="min-width: 80px;"><span>首价（元）</span></th>
					          	<th nz-th style="min-width: 80px;"><span>续重（元）</span></th>
					          	<th nz-th style="min-width: 80px;"><span>续价（元）</span></th>
					          	<th nz-th style="min-width: 80px;"><span>操作</span></th>
					        </tr>
					    </thead>
					    <tbody nz-tbody *ngIf="goodsList.length>0">
					        <ng-container *ngFor="let item of goodsList">
					        	<tr nz-tbody-tr *ngFor="let item1 of item.list;let i=index">
					        		<td class="ver-top" nz-td *ngIf="i==0" [attr.rowspan]="item.list.length">
					        			{{item.name}}
					        		</td>
					        		<td nz-td >{{item1.range}}</td>
					        		<td nz-td >{{item1.type}}</td>
					        		<td nz-td >{{item1.starting_weight}}</td>
					        		<td nz-td >{{item1.starting_weight_price}}</td>
					        		<td nz-td >{{item1.exceed_weight}}</td>
					        		<td nz-td >{{item1.exceed_weight_price}}</td>
					        		<td class="ver-top"  *ngIf="i==0" [attr.rowspan]="item.list.length">
					        			<a >编辑</a>
              							<span nz-table-divider></span>
              							<a >删除</a>
					        		</td>
					        	</tr>
					    	</ng-container>
					    </tbody>
					</nz-table>
				</div>
			</div>
		</div>
	</main-content>


</main-layout>
